<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>搭配测试</title>
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js" ></script>
	    <link href="../css/mui.min.css" rel="stylesheet"/>
	    <link href="../css/mui_common.css" rel="stylesheet"/>
	    <link href="../css/index/today_xq.css" rel="stylesheet"/>
		<script type="text/javascript" charset="utf-8">
	      	mui.init();
	   </script>
	   <style>
			
		</style>
	</head>
	<body id="today_xq">
		<header class="mui-bar mui-bar-nav fl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">搭配测试</h1>
		    <div class="right">
		    	<a class="set" href="#bottomPopover">&#xe6ab;</a>
		    	<div class="shop mui-icon" id="gwc">&#xe6b9;</div>
		    </div>
		</header>
		<div class="mui-content">
			<div class="style">
				<div class="style_img">
					<img src="../img/index/today/today1.jpg">
				</div>
				<div class="pos_r"> <span></span>￥59 印花字母T恤</div>
				<div class="pos_l"> <span></span>￥69 破洞牛仔裤</div>
				<div class="a">
					<a>学院</a>
					<a>韩系</a>
					<a>休闲</a>
					<a>上学</a>
					<a>盛夏美裙</a>
				</div>
			</div>
			<div class="shopp">
				<div class="shopp_tit">
					<a class="shopp_tit_img">
						<img src="../img/index/home/touxiang1.png">
						<p>妖妖 Stle</p>
					</a>
					<div class="shopp_tit_follow">
						<span>+</span> 关注
					</div>
				</div>
				<p class="p">“优雅时尚简约的代表套装，让亲轻松拥有”</p>
				<div class="shopp_con">
					<ul>
						<li>
							<img src="../img/index/lxys/shone1.png" alt="">
							<div class="word">
								<p class="tit">秋冬新款韩版百搭网</p>
								<div class="tit_con">
									￥59/<span>￥169</span>
								</div>
							</div>
						</li>
						<li>
							<img src="../img/index/lxys/shone.png" alt="">
							<div class="word">
								<p class="tit">秋冬新款韩版百搭网</p>
								<div class="tit_con">
									￥59/<span>￥169</span>
								</div>
							</div>
						</li>
					</ul>
					<a class="sale">
						搭配购买价=<span class="span1">￥59</span> / <span class="span2">￥169</span> <span class="span3">8折</span> <span class="span4">></span>
					</a>
				</div>
			</div>
			<div class="assess" id="assess">
				<div class="til">
					<h3>购买评价:</h3>
					<p>共一个评价，好评率100% ></p>
				</div>
				<div class="ass_con">
					<div class="user_img">
						&#xe60a;
					</div>
					<div class="user_name">
						<h3>小敏</h3>
						<p class="p">我觉得冰冰那个橘色不别扭啊</p>
					</div>
				</div>
			</div>
			<div class="server"> 
				<img src="../img/index/spxq/spxq_9.jpg" />
			</div>
			<a class="conntact">
				<img src="../img/index/spxq/icon.jpg" class="fl"/>
				<p class="fl">联系不上店主？<span>联系穿衣助手客服</span></p><span class="fr">></span>
			</a>
			<h2 class="h2">推荐单品</h2>
			<div class="bottom clear">
				<div class="fl conn">
					<a id="contact"><span>&#xe6c5;</span>
						联系卖家</a>
					<a><span>&#xe649;</span>
						喜欢</a>
				</div>
				<button type="submit" class="fl sub">搭配购</button>
			</div>
		</div>
		<div id="bottomPopover" class="mui-popover mui-popover-bottom">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<p>分享到</p>
					<div class="share_con">
						<a><img src="../img/index/today/weixin.jpg"></a>
						<a><img src="../img/index/today/qq.jpg"></a>
						<a><img src="../img/index/today/peng.jpg"></a>
						<a><img src="../img/index/today/kong.jpg"></a>
					</div>
				</div>
			</div>
		</div>
		<script>
			document.getElementById("contact").addEventListener("tap",function(){
				mui.openWindow({
					url:"sj.html",
					id:"contact",
					createNew:true,
					show:{
						aniShow:"slide-in-right",
						duration:200
					},
					waiting:{
						title:"正在加载……"
					}
				});
			});
			
			document.getElementById("gwc").addEventListener("tap",function(){
				var main=mui.openWindow({
					url:"../index.html",
					id:"index"
					
				});
				mui.fire(main,'goGwc');
			});
		
	 /*document.getElementById("gwc").addEventListener("tap",function(){
        mui.openWindow({
            url:"../list_shoppingCart.html",
            id:"gouwuche",
            createNew:true,
            show:{
                autoShow:true,
                aniShow:"slide-in-right",
                duration:200
            },
            waiting:{
                autoShow:true,
                title:"正在加载..."
            }
        });
    });*/

		</script>
	</body>
</html>
